<template>
	<view>
		<topbar title="帮助中心" jt_c="2" background="background:#222222;color:#fff;"></topbar>
		<view class="content dis_f_co">
			<image class="top_bg" src="../../static/mine/help.png" mode=""></image>
			
			<view class="list dis_f_sb_c" v-for="(item,index) in list" @click="go_wz(item.id)">
				<view>{{item.title}}</view>
				<image src="../../static/index/right.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				list:[],
			};
		},
		methods:{
			go_wz(e){
				this.$.open('/pages/mine/wen?id='+e)
			},
			get_list(){
				this.$.ajax(1,"POST","index/article_list",{},(res)=>{
					if(res.code == 1){
						this.list = res.list
					}else{
						this.$.ti_shi('文章列表获取失败')
					}
				})
			},
			go_kf(){
				this.$.open('/pages/mine/ke_fu')
			},
			
		},
		onLoad() {
			this.get_list();
			
		}
	}
</script>

<style lang="scss">
	.content{
		padding: calc(var(--status-bar-height) + 124rpx) 24rpx 0 24rpx;
		width: 100%;
		.top_bg{
			width: 100%;
			height: 314rpx;
			margin-bottom: 36rpx;
		}
		.list{
			width: 100%;
			height: 88rpx;
			margin-bottom: 12rpx;
			padding: 27rpx 36rpx;
			background-color: #fff;
			box-shadow: 0rpx 6rpx 24rpx rgba(34, 34, 34, 0.05);
			border-radius: 20rpx;
			image{
				width: 15.99rpx;
				height: 27.02rpx;
			}
		}
	}
</style>
